.van-popup--center {
  width: 80% !important;
  //height: 82%;
  overflow: hidden;

  .report-result {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-direction: column;

    .countdown-wrap {
      width: 100%;
      display: flex;
      background: white;
      padding: 40px 40px 20px 40px;
      box-sizing: border-box;
      flex-direction: row;
      justify-content: space-between;
      align-self: flex-end;
      align-items: flex-end;

      .name {
        font-size: 70px;
        color: #0059B3;
        height: 100px;
        line-height: 100px;
        padding-left: 50px;
        font-family: PingFangSC, PingFang SC, serif;
      }

      .countdown {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        font-size: 50px;
        line-height: 100px;
        text-align: center;
        color: rgba(0, 89, 179, 1);
        font-weight: bold;
        background: rgba(0, 89, 179, 0.1);
      }
    }

    .patient-wrap {
      display: flex;
      flex-grow: inherit;
      flex-shrink: inherit;
      overflow: hidden;
      width: 100%;
      height: calc(100%);
      padding: 34px 40px 34px 40px;
      box-sizing: border-box;
      flex-direction: column;
      background: rgba(228, 231, 237, 1) !important;

      .flex-box {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: calc(100%);
        height: 100%;
        overflow: auto;
        border-radius: 20px;
        align-self: center;
        align-items: center;
        box-sizing: border-box;
        background: white;
        border-bottom: 1px rgba(51, 51, 51, 0.15) solid;
        //滚动条
        &::-webkit-scrollbar {
          width: 0;
          height: 10px;
          position: relative;
          z-index: 99999;
        }

        &:last-child {
          border-bottom: none;
        }

        .patient-info {
          .sign-item-wrap {
            width: 100%;
            color: #0059B3;
            font-size: 100px;
            li {
              font-weight: 600;
              font-size: 90px;
              text-align: center;
              line-height: 1.36;
              @include fontWeight();
            }
          }
          .item-wrap {
            display: flex;
            flex-direction: row;
            padding: 0 54px 0 54px;

            li {
              font-size: 52px;
              color: #0059B3;
              align-self: center;
              text-align: justify;
              line-height: 1.54;
            }

            li.sign {
              width: 210px;
              @include fontWeight();
              margin-right: 60px;
              text-align-last: justify;
              align-self: center;
              text-align: justify;
              line-height: 0.74;
              margin-bottom: -40px;
              text-justify: inter-word;
              &:after{
                content:'';
                font-size: 0;
                display:inline-block;
                width:100%; // 或者padding-left:100%;
              }
            }

            li.content {
              color: #0059B3;
              width: calc(100% - 270px);
              overflow: hidden;
              text-align: right;
              text-justify: initial;
            }
          }
        }

        .patient-top {
          width: 100%;
          border-bottom: 1px #DDDDDD solid;
          padding-bottom: 30px;
          .item-wrap {
            li{
              font-weight: 500;
            }
          }

        }

        .patient-bottom {
          width: calc(100%);
          padding-top: 60px;
          padding-bottom: 30px;

          .item-wrap {
            li {
              font-size: 42px;
            }

            li.sign {
              width: 140px;
              color: #666666;
              @include fontWeight();
              text-align-last: justify;
            }

            li.content {
              color: #333333;
              width: calc(100% - 140px);
            }
          }
        }

        .report-all{
          display: flex;
          width: calc(100% - 120px);
          margin: 28px auto 20px auto;
          align-self: center;
          text-align: center;
          justify-content: center;
          height: 110px;
          border-radius: 20px;
          line-height: 110px;
          font-size: 50px;
          box-sizing: border-box;
          background: #0059B3;;
          color: white;
          box-shadow: 0 9px 0 rgba(0, 89, 179, 0.5), 0 9px 25px rgba(0, 89, 179, 0.06);
        }

      }

      .flex-box-fail{
        padding-top: 60px;
        .icon-result {
          display: inline-block;
          width: 280px;
          min-height: 280px;
          margin: 0 auto;
        }

        .icon-success {
          @include background('design/1-1×2');
        }

        .icon-fail {
          @include background('design/1-6×2');
        }

        .fail-title{
          font-weight: 500;
          font-size: 100px;
          line-height: 1.4;
          text-align: center;
          padding-top: 20px;
          padding-bottom: 40px;
          color: #0059B3;
        }

        .fail-content{
          font-weight: 500;
          font-size: 60px;
          color: #333333;
          line-height: 84px;
          text-align: center;
          margin: 20px 0 86px 0;
        }
      }



    }
  }
}
